// 登录 注册切换

$('#showReg').on('click', () => {
  $('.reg-form').show()
  $('.login-form').hide()
})

$('#showLogin').on('click', () => {
  $('.login-form').show()
  $('.reg-form').hide()
})

// 自定校验规则
let form = layui.form;
form.verify({
  //我们既支持上述函数式的方式，也支持下述数组的形式
  //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
  // pass 规则的名字
  pass: [/^[\S]{6,12}$/, '密码必须6到12位,且不能出现空格'],
  password(value) {
    //value：表单的值、item：表单的DOM对象
    // console.log(value, item)

    if ($('#passInp').val() !== value) {
      return '两次输入密码不一致'
    }

  }
})



//  http://api-breakingnews-web.itheima.net
let layer = layui.layer
// ajax实现注册功能


$('.reg-form').on('submit', function (e) {
  // 阻止默认行为
  e.preventDefault()
  let data = $(this).serialize()
  axios.post('/api/reguser', data).then(({ data: { status, message } }) => {
    // console.log(res)
    if (status !== 0) {
      // return alert(message)
      return layer.msg(message)
    }
    layer.msg(message)
    $('#showLogin').click()
  })
})


// ajax实现登录功能
$('.login-form').on('submit', function (e) {
  // 阻止默认行为
  e.preventDefault()
  let data = $(this).serialize()
  axios.post('/api/login', data).then(({ data: { status, message, token } }) => {
    // console.log(res)
    if (status !== 0) {
      // return alert(message)
      return layer.msg(message)
    }
    localStorage.setItem('token', token)
    layer.msg(message,
      { time: 2000 }, //(如果不配置，默认是3秒)
      function () {
        location.href = "/index.html"
      })

  })
})

